<template>
  <div id="home">
	  <ul>
		  <li>
		  	<router-link to="/">首页</router-link>
		  </li>
		  <li>
			  <router-link to="/axios">axios获取数据</router-link>
		  </li>
		  <li>
			  <router-link to="/cz1/main">父子组件传值</router-link>
		  </li>
		  <li>
			  <router-link to="/cz/main">非父子组件传值</router-link>
		  </li>
		  <li>
			  <router-link to="/params/index">动态传值 和 get参数传值测试</router-link>
		  </li>
		  <li>
			<router-link to="/nav">编程式导航</router-link>
		  </li>
	  </ul>
	  
	  <hr>
	  <div style="margin-top: 20px;">
		<router-view/>
	  </div>
  </div>
</template>

<script>
export default {
  name: 'home'
}
</script>

<style>
#home {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
li{
	text-align: left;
	font-size: 20px;
}
</style>